<!DOCTYPE html>
<html>
<head>
<link rel="match" href="../expected/text-decorations-ref.html" />
<meta name="fuzzy" content="maxDifference=0-2;totalPixels=0-1342">
<style>
    .overline { text-decoration: wavy blue overline 2px; }
    .underline { text-decoration: red underline double; }
    .strikethrough { text-decoration: line-through dotted green 5px; }
    .current-color { color: #8B4513; text-decoration: underline; }
    .overboard { text-decoration: double overline underline line-through magenta; }
    .spelling-error { text-decoration: spelling-error; }
    .grammar-error { text-decoration: grammar-error; }
</style>
</head>
<body>
<p class="overline">Overline</p>
	<p class="underline">Underline</p>
	<p class="strikethrough">Wombling</p>
	<p class="blink">FREE!</p>
	<p class="current-color">This underline should match the text color</p>
	<p class="overboard">This should have an underline, overline and line-through, all in glorious magenta.</p>
	<p class="spelling-error">This should look like a spelling error.</p>
	<p class="grammar-error">This should look like a grammar error.</p>
</body>
</html>
